<ng-container [ngSwitch]='editorName'>
    <ng-container *ngSwitchCase='"angularEditor"'>
        <nz-row>
            <nz-col nzFlex='1 1 0px'>
                <angular-editor [placeholder]="'请输入...'"  [(ngModel)]="htmlContent"  (ngModelChange)='change()' [config]='editorConfig'>
                    <ng-template #customButtons let-executeCommandFn="executeCommandFn">
                        <ae-toolbar-set>
                            <ae-button iconClass="fa fa-html5" title="Angular editor logo"
                                       (buttonClick)="executeCommandFn('insertHtml', getGapFillHtml())">
                            </ae-button>
                        </ae-toolbar-set>
                    </ng-template>
                </angular-editor>
            </nz-col>
            <nz-col nzFlex='0 1 50px' style=' display: flex;justify-content: center; /* 水平居中 */align-items: center;'>
                <nz-switch [(ngModel)]="showToolbar" nzCheckedChildren="开" nzUnCheckedChildren="关" (ngModelChange)='changeShowToolbar()'></nz-switch>
            </nz-col>
        </nz-row>

    </ng-container>
    <ng-container *ngSwitchCase='"ckEditor"'>
        <app-my-ck-editor [content]='htmlContent' (contentChange)='onContentChange($event)'></app-my-ck-editor>
    </ng-container>

</ng-container>